<template>
  <div class="item" data-type="page" v-bind:class="[('w'+obj.property.selfWidth)]">
      <div class="i6d6">
        <div class="pager">
          <a href="javascript:;" class="btn btn-info btn-next" @click="upPage">{{obj.property.page.upText}}</a>
        </div>
        <div class="pager">
          <a href="javascript:;" class="btn btn-info btn-prev" @click="downPage">{{obj.property.page.downText}}</a>
        </div>
        <v-handle v-bind:handle="obj.handle"></v-handle>
      </div>
    </div>
</template>

<script>
export default {
  props: ['obj'],
  methods:{
    upPage:function(event){
      document.getElementById("pageView").scrollTop=0
    },
    downPage:function(event){
      document.getElementById("pageView").scrollTop=event.clientY
    }
  }
}
</script>
